<template>
	<view class="container">
		<view class="container-body">
			<view class="container-Row">
				<view class="imgSrc">
					<cover-image class="img1"  src="./image/appointment.png" @click="goAppointment"></cover-image>
					<p style="width: 100%; text-align: center;"> 预约</p>
				</view>
			<view class="imgSrc">
				<cover-image class="img1"  src="./image/myappointment.png" @click="goMyAppointment"></cover-image>
				<p style="width: 100%; text-align: center;"> 我的预约</p>
			</view>
			<view class="imgSrc">
				<cover-image class="img1"  src="./image/pay.png" @click="goPay"></cover-image>
				<p style="width: 100%; text-align: center;"> 缴费</p>
			</view>
		    </view>
			<view class="container-Row">
				<view class="imgSrc">
					<cover-image class="img"  src="/static/queue.png" @click="goQueue"></cover-image>
					<p style="width: 100%; text-align: center;"> 排队信息</p>
				</view>
				<view class="imgSrc">
						<cover-image class="img"  src="/static/person.png" @click="goPerson"></cover-image>
					<p style="width: 100%; text-align: center;"> 个人信息</p>
				</view>
				<view class="imgSrc">
						<cover-image class="img"  src="/static/person.png" ></cover-image>
					<p style="width: 100%; text-align: center;"> 未开发</p>
				</view>
			</view>
		</view>
		<view class="container-bottom">
		<cover-image class="img"  src="/static/home.png" @click="goHome"></cover-image>
			
		
		</view>
	</view>
</template>

<script lang="ts" setup>
	import { ref } from 'vue';
	import axiosInstance from '@/Config/axiosConfig'
	import globalStore from '@/store/GlobalStore';
	import Emessage from '@/Utils/Message';
	const page="home";
	globalStore.patientid=globalStore.id;
	//去首页面
	const goHome=()=>{
		if(page=="home")return;
		uni.navigateTo({url:'/pages/Home/Home'});
	}
	//去排队页面
	const goQueue=()=>{
		if(page=="queue")return;
		uni.navigateTo({url:'/pages/Queue/Queue'});
	}
	//去详情页面
	const goPerson=()=>{
		if(page=="person")return;
		uni.navigateTo({url:'/pages/Person/Person'});
	}
	//去预约
	const goAppointment=()=>{
		uni.navigateTo({url:'/pages/Appointment/Appointment'});
	}
	//查看我的预约
	const goMyAppointment=()=>{
		uni.navigateTo({url:'/pages/MyAppointment/MyAppointment'});
	}
	//去缴费
	//查看我的预约
	const goPay=()=>{
		uni.navigateTo({url:'/pages/PayPage/PayPage'});
	}
	
</script>

<style>
	.container {
		width: 100%;
		height: 93vh;
		display: flex;
		flex-direction: column;
	}
	.img {
		margin-top: 25rpx;
		width: 100rpx;
		height: 100rpx;
	}
	.img1 {
		margin-top: 25rpx;
		width: 150rpx;
		height: 150rpx;
		margin-bottom: 1rpx;
	}
	.imgSrc{
		height:200rpx;
		display: flex;
		flex-direction: column;
	}
	.container-body {
		width: 100%;
		height: 85%;
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid gray;
	}

	.container-bottom {
		width: 100%;
		height: 15%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		color: aqua;
	}
	.container-Row {
		width: 100%;
		height: 15%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	
	}
</style>